<<<<<<< HEAD

/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,td,figure{margin:0;padding:0;}
body{font:12px  "宋体"; word-wrap:break-word;}
a,u,s,del{color:#666;text-decoration:none} 
fieldset ,a img,.bor0 {border:0;}
i,em,b{font-style:normal;font-weight:100;}

img{vertical-align:middle}
table{border-collapse:collapse;}
.ind2{text-indent:2em} 
input,textarea{outline:none;}
textarea{resize:none;}
.over{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.vcenter{vertical-align:middle;width:0;height:100%;display:inline-block;}
.clear{zoom:1;}/*针对IE6高度塌陷*/
.clear:after{content:"";clear:both;display:block;height:0;overflow:hidden; visibility:hidden;
}
.l{float:left;}
.r{float:right;}
.margin{margin:0 auto;width:990px;}
.cu{cursor:pointer;}
.between{display:flex;justify-content:space-between;flex-wrap:wrap;}

/*index-header***********************************************/
.index-header{
      width: 100%;
      height: 88px;
      background: #ffffff;
}
.index-header .index-haeder-nav{
  width: 958px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top:30px;
}
.index-img01{
  float: left;
}

.index-input01{
  border: 1px solid #c3c3c3;
  color:#d5d5d5;
  height: 30px;
  width: 274px;
  padding: 0px 10px;
  font-size: 14px;
  margin-left: 26px;
  float: left;
  box-sizing: border-box;
  padding-top: 4px;
}
.index-input01 input{
  outline: none;
  border: 0;
}
.index-input01 botton{
  width: 16px;
  height: 16px;
  background: url("/images/search.png") no-repeat;
  margin-left: 60px;
  display: inline-block;
  border-radius: 4px;
}
.index-haeder-nav ul{
  float: left;
  margin-left: 34px;
  padding-top: 1px;
}
.index-haeder-nav ul a{
  margin-right: 22px;
  
}
.index-haeder-nav ul a:first-child{
  color:#584029;
  font-weight: 800;
    font-size: 22px;
}

.index-haeder-nav ul a:nth-child(2){
  color:#f37f00;
  font-weight: 800;
    font-size: 22px;
}
.index-haeder-nav ul a:last-child{
  color:#4ca1d7;
  font-weight: 800;
    font-size: 22px;
}
.index-haeder-nav b{
  float: right;
  display: block;
}
.index-haeder-nav b a{
    color:#4ca1d7;
    font-weight: 800;
    font-size: 22px;
}
.index-rotate{
  width:100%;
  height: 300px;
  background: #f1faf1;
}
.index-rotar-bo{
  width: 958px;
  height: 300px;
  margin: 0 auto;
}
.index-movie{
  width:100%;
  height: 800px;

  position: relative;
}

.index-movie-list{
  width:958px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top:40px;
}

.index-movie-left{
   width:120px;
   float: left;
  

}
.index-movie-left dl{
  color: #4983ae;
}
.index-movie-left dl dt a{
  color: #4983ae;
  font-size: 24px;
  font-weight: 700;
}
.index-movie-left dl dt {
  padding-bottom: 6px;
}
.index-movie-left dl dt a:hover{
  background: #4983ae;
  color: white;
}
.index-movie-left dl dd{
   padding-top:12px;
}
.index-movie-left dl dd a{
  color: #4983ae;
  font-size: 16px;
}
.index-movie-left dl dd a:hover{
  background: #4983ae;
  color: white;
}
.index-movie-middle{
   width:550px;
   float: left;

   
}
.index-movie-middle h4{
   font-size: 18px;
   color: #2e7f43;
}
.index-movie-middle h4 a{
  font-size: 16px;
  color: #4983ae;
}
.index-movie-middle h4 a:hover{
  background: #4983ae;
  color: white;
}
.index-movie-middle ul{
  list-style: none;
}
.index-movie-middle ul li{
  float: left;
  width: 100px;
  text-align: center;
  margin:16px 15px 24px 15px;
}
.index-movie-middle ul li img{
  display: block;
  width:100px;
  height: 146px;

}
.index-movie-middle ul li p{
  font-size: 16px;
  color: #575757;
  padding-top:6px;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
}
.index-movie-middle ul li b{
   color: #ecb654;
   display: block;
   margin-bottom: 6px;
}
.index-movie-middle ul li botton{
   color: white;
   display: block;
   width: 70px;
   height: 25px;
   line-height: 25px;
   text-align: center;
   font-size: 14px;
   margin-left: 15px;
   background: #1c8bd0;
   cursor: pointer;
   border-radius: 4px;
}


.index-movie-right{
   width:220px;
   float: right;

}
.index-movie-right01{
  width: 100%;
  overflow: hidden;
}
.index-movie-right01 h4{
   font-size: 18px;
   color: #2e7f43;
}
.index-movie-right01 h4 a{
  font-size: 16px;
  color: #4983ae;
}
.index-movie-right01 h4 a:hover{
  background: #4983ae;
  color: white;
}
.index-movie-right01 ul{
  padding-top:10px;
  list-style: none;
  width: 100%;
}
.index-movie-right01 ul a{
  float:left;
  color: #4983ae;
  margin-right: 24px;
  margin-top:10px;
  font-size: 14px;
}
.index-movie-right01 ul a:hover{
   background: #4983ae;
   color: white;
}
.index-movie-right02{
  width: 100%;
  margin-top:38px;
}
.index-movie-right02 h4{
   font-size: 18px;
   color: #2e7f43;
}
.index-movie-right02 h4 a{
  font-size: 16px;
  color: #4983ae;
}
.index-movie-right02 h4 a:hover{
  background: #4983ae;
  color: white;
}

.index-movie-right02 ol{
  padding-top:10px;
  width: 100%;
}
.index-movie-right02 ol li{
  margin-left: 14px;
   width: 100%;
   height: 30px;
   line-height: 30px;
   border-bottom: 1px solid #eaeaea;
}
.index-movie-right02 ol li a{

  color: #4983ae;
  margin-left:10px;
  font-size: 14px;
}
.index-movie-right02 ol li a:hover{
   background: #4983ae;
   color: white;
}
.index-img02{
  width: 958px;
  position: absolute;
  display: block;
  height: 90px;
  bottom: 22px;
  left: 50%;
  margin-left:-479px;
}







.index-reader{
  width:100%;
  height: 700px;
  background: #f7f7f7;

}

.index-reader-list{
  width:958px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top:40px;
}

.index-reader-left{
   width:120px;
   float: left;
  

}
.index-reader-left dl{
  color: #4a2f14;
}
.index-reader-left dl dt a{
  color: #4a2f14;
  font-size: 24px;
  font-weight: 700;
}
.index-reader-left dl dt {
  padding-bottom: 6px;
}
.index-reader-left dl dt a:hover{
  background: #4983ae;
  color: white;
}
.index-reader-left dl dd{
   padding-top:12px;
}
.index-reader-left dl dd a{
  color: #614e3c;
  font-size: 16px;
}
.index-reader-left dl dd a:hover{
  background: #4983ae;
  color: white;
}
.index-reader-a01{
  display: block;
  width:53px;
  height: 69px;
  margin-top:32px;
  background: url("/images/reader01.png") no-repeat;
}
.index-reader-middle{
   width:550px;
   float: left;

   
}
.index-reader-middle h4{
   font-size: 18px;
   color: #2e7f43;
}
.index-reader-middle h4 a{
  font-size: 16px;
  color: #b0826a;
}
.index-reader-middle h4 a:hover{
  background: #4983ae;
  color: white;
}
.index-reader-middle ul{
  list-style: none;
  overflow: hidden;
}
.index-reader-middle ul li{
  float: left;
  width: 100px;
  text-align: center;
  margin:16px 15px 24px 15px;
}
.index-reader-middle ul li img{
  display: block;
  width:100px;
  height: 146px;

}
.index-reader-middle ul li p{
  font-size: 16px;
  color: #575757;
  padding-top:6px;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
}
.index-reader-middle ul li b{
   color: #614e3c;
   display: block;
   width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
   margin-bottom: 6px;
=======
body {

  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
>>>>>>> 4d54e2727cf6d3868b1dbc79fc91988bfbaf3604
}
.index-reader-middle ul li botton{
   color: white;
   display: block;
   width: 70px;
   height: 25px;
   line-height: 25px;
   text-align: center;
   font-size: 14px;
   margin-left: 15px;
   background: #614e3c;
   cursor: pointer;
   border-radius: 4px;
}


.index-reader-right{
   width:220px;
   float: right;

}
.index-reader-right01{
  width: 100%;
  overflow: hidden;
}
.index-reader-right01 h4{
   font-size: 18px;
   color: #2e7f43;
}
.index-reader-right01 h4 a{
  font-size: 16px;
  color: #4983ae;
}
.index-reader-right01 h4 a:hover{
  background: #6f5d47;
  color: white;
}
.index-reader-right01 ul{
  padding-top:10px;
  list-style: none;
  width: 100%;
}
.index-reader-right01 ul li{
    padding: 8px 0px;
    border-bottom:1px solid #eaeaea;
    width: 110%;
    overflow: hidden;
}
.index-reader-right01 ul li a{
  float:left;
  color: #6f5d47;
  margin-right: 12px;
  font-size: 12px;
  line-height: 30px;
}
.index-reader-right01 ul li a:first-child{
  color: #9999a4;
}
.index-reader-right01 ul li a:hover{
   background: #4983ae;
   color: white;
}











.index-music{
  width:100%;
  height: 1040px;

  position: relative;
}

<<<<<<< HEAD
.index-music-list{
  width:958px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top:40px;
}

.index-music-left{
   width:120px;
   float: left;
  

}
.index-music-left dl dt a{
  color: #f6a500;
  font-size: 24px;
  font-weight: 700;
}
.index-music-left dl dt {
  padding-bottom: 6px;
}
.index-music-left dl dt a:hover{
  background: #4983ae;
  color: white;
}
.index-music-left dl dd{
   padding-top:12px;
}
.index-music-left dl dd a{
  color: #555d53;
  font-size: 16px;
}
.index-music-left dl dd a:hover{
  background: #4983ae;
  color: white;
}
.index-music-a01{
  display: block;
  width:56px;
  height: 71px;
  margin-top:32px;
  background: url("/images/music01.png") no-repeat;
}
.index-music-a02{
  display: block;
  width:56px;
  height: 71px;
  margin-top:6px;
  background: url("/images/music02.png") no-repeat;
}
.index-music-middle{
   width:550px;
   float: left;

   
}
.index-music-middle h4{
   font-size: 18px;
   color: #2e7f43;
}
.index-music-middle h4 a{
  font-size: 16px;
  color: #4983ae;
}
.index-music-middle h4 a:hover{
  background: #4983ae;
  color: white;
}





.index-music-middle ul{
  list-style: none;
  padding-left: 24px;
  overflow: hidden;
}
.index-music-middle ul li{
  float: left;
  width: 124px;
  text-align: center;
  margin:16px 0 48px 0;
}
.index-music-middle ul li img{
  display: block;
  width:82px;
  height: 82px;
  margin: 0 auto;

}
.index-music-middle ul li p{
  font-size: 16px;
  color: #575757;
  padding-top:4px;
  width: 124px;
  line-height: 26px;

  
}
.index-music-middle ul li b{
   color: #ecb654;
   display: block;
  
}
.index-music-middle ul li i{
  display: block;
  font-size: 16px;
  color: #575757;
  width: 124px;
  line-height: 26px;
  margin-top:-14px;
}
.index-music-middle .index-muisc-h4{
   font-size: 18px;
   color: #2e7f43;
}
.index-music-middle .index-muisc-h4 a{
  font-size: 16px;
  color: #4983ae;
}
.index-music-middle .index-muisc-h4 a:hover{
  background: #4983ae;
  color: white;
}

.index-music-middle ol{
  list-style: none;
  padding-left: 24px;
  overflow: hidden;
}
.index-music-middle ol li{
  float: left;
  width: 124px;
  text-align: center;
  margin:16px 0 30px 0;
}
.index-music-middle ol li img{
  display: block;
  width:82px;
  height: 82px;
  margin: 0 auto;

}
.index-music-middle ol li p{
  font-size: 16px;
  color: #575757;
  padding-top:4px;
  width: 124px;
  line-height: 26px;

  
}


.index-music-right{
   width:220px;
   float: right;

}
.index-music-middle .index-muisc-h4{
   font-size: 17px;
   color: #2e7f43;
}
.index-music-middle .index-muisc-h4 a{
  font-size: 16px;
  color: #4983ae;
}
.index-music-middle .index-muisc-h4 a:hover{
  background: #4983ae;
  color: white;
}
.index-music-right ul li{
   margin: 20px 0;
   width: 220px;
   height: 58px;
   position: relative;
   list-style: none;
}
.index-music-right ul li i{
  position: absolute;
  left: 0px;
  top:0x;
  color: black;
  font-size: 14px;

}
.index-music-right ul li img{
  position: absolute;
  left: 18px;
  top: 0px;
  width: 50px;
  height: 50px;

}
.index-m-f{
  position: absolute;
  left: 80px;
  top: 0px;
}
.index-m-f a{
  clear: all;
  font-size: 12px;
  color: #6a715d;
  display: block;
  padding-bottom: 10px;
}
.index-m-f p{
   clear: all;
  font-size: 12px;
   color: #9f9f9f;
   padding-bottom: 4px;
}
.index-m-f b{
   clear: all;
  font-size: 12px;
   color: #9f9f9f;
   display: block;
   margin-top: -12px;
}
.index-img03{
  width: 958px;
  position: absolute;
  display: block;
  height: 90px;
  bottom: 22px;
  left: 50%;
  margin-left:-479px;
}
 .index-muisc-h6{
   font-size: 17px;
   color: #2e7f43;
}
 .index-muisc-h6 a{
  font-size: 16px;
  color: #4983ae;
}
 .index-muisc-h6 a:hover{
  background: #4983ae;
  color: white;
}

.index-footer{
   height: 150px;
   width: 100%;

}
.index-footer-m{
   height: 150px;
  width: 958px;
  margin: 0 auto;
  border-top: 1px dotted #dcdcdc;
}

.index-footer-left{
  float: left;
  padding-top:20px;
}
.index-footer-left p{
  clear: all;
  font-size: 12px;
  color:#a5b2d8;
}
.index-footer-right{
  float: left;
  padding-top:20px;
  margin-left:30px;
}
.index-footer-right a{
   color: #6cbfe9;
   font-size: 14px;
   margin-left: 3px;
 }
.index-footer-img{
  margin-top:24px ;
  width:152px ;
  height: 66px ;
}






=======
#register{
	margin:100px auto 0;

}
>>>>>>> 4d54e2727cf6d3868b1dbc79fc91988bfbaf3604
